<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<script type="text/javascript" src="../js/jquery.ui.widget.js"></script>

    <!--Includes-->
	<link href="../css/mobiscroll-2.3.1.custom.min.css" rel="stylesheet" type="text/css" />
	<script src="../js/mobiscroll-2.3.1.custom.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	<c:set var="inputDateId" value="${param.inputDateId}"></c:set>
	 
		       $(function(){
		    	    $('#${inputDateId}').mobiscroll().date({
		    	        width: 20,
						height: 30,
						theme: 'default',
				         mode: 'mixed',
						 setText: 'Set',
						 minDate: new Date(),
						 maxDate: new Date(2050,10,25),
						 dateFormat: 'dd/mm/yy',
						 dateOrder: 'ddmmyy'
						 
		    	    });    
		    	});
		      
//	$( "#datepicker1" ).datepicker({
//		showOn: "button",
//			buttonImage: "../images/calendar.gif",
//		buttonImageOnly: true,
//		dateFormat: "yy-mm-dd"
//	});
//	});
	</script>